{extend name="public/base" /}
{block name="css"}
<!--    css-->
<link href="/static/css/center.css" rel="stylesheet">
{/block}
{block name="js"}
<!--layui js-->
<script src="/static/framework/layui/layui.js"></script>
<!--common.js-->
<script src="/static/js/common.js"></script>
<!-- index.js -->
<script src="/static/js/center.js"></script>
{/block}
{block name="main"}

<!-- 面包屑导航 start -->
<div class="container-fluid mbx">
    <div class="container">
        <span class="layui-breadcrumb" lay-separator=">">
          <a href="">您现在的位置：</a>
          <a href="">首页</a>
          <a><cite>联系我们</cite></a>
        </span>
    </div>
</div>
<!-- 面包屑导航 end -->

<!-- 内容区域 start -->
<div class="container-fluid">
    <div class="container block-content">
        <!-- 左边菜单 右边内容 start -->
        <!-- 左边菜单 start -->
        {include file="center/left" /}
        <!-- 左边菜单 end -->

        <!-- 右边内容 start -->
        <div class="right-content">
            <!-- 内容详情 start -->
            <div class="right-content-title">
                <span>工作人员查询</span>
            </div>
            <div class="right-content-staff">

                <!-- 上面查询 左边是输入模式右边是按钮 按钮在输入框里面 -->
                <div class="staff-search">
                    <form action="/staff" method="get" id="form">
                        <div class="staff-search-input">
                            <img class="icon" src="/static/images/icon-zhengshu02.png" />
                            <input type="text" name="no" placeholder="清输入工作人员编号" value="{$no}" lay-verify="required">
                            <button class="staff-search-btn" id="demo-verify">查询</button>
                        </div>
                    </form>
                </div>


                <!-- 查询结果 -->
                <!-- 如果no 不为空  且 sales 不为空  则显示查询结果 -->
                {if condition="!empty($no) && !empty($sales)"}
                <div class="staff-result box-sizing">
                    <!-- 查询结果标题 -->
                    <div class="staff-result-title">
                        <span>查询结果</span>
                    </div>
                    <div class="staff-result-item">
                        <div class="staff-result-item-left">
                            <img src="{$sales.image}" alt="{$sales.name}" />
                        </div>
                        <div class="staff-result-item-right">
                            <ul>
                                <li>
                                    <img src="/static/images/icon-erji02.png"/>
                                    <span>姓名：</span>
                                    <span>{$sales.name}</span>
                                </li>
                                <li>
                                    <img src="/static/images/icon-erji03.png"/>
                                    <span>职务：</span>
                                    <span>{$sales.department}</span>
                                </li>
                                <li>
                                    <img src="/static/images/icon-erji02.png"/>
                                    <span>电话：</span>
                                    <span>{$sales.phone}</span>
                                </li>
                                <li>
                                    <img src="/static/images/icon-erji04.png"/>
                                    <span>地址：</span>
                                    <span>{$sales.concat_address}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 如果no 不为空  且 sales 为空  则显示查询结果为空 -->
            {elseif condition="!empty($no) && empty($sales)"}
            <div class="staff-result box-sizing">
                <div class="staff-result-title">
                    <span>查询结果</span>
                </div>
                <div class="staff-result-empty">
                    <span style="color: red">查询结果为空</span>
                </div>
            </div>

            {/if}


        </div>
        <!-- 右边内容 end -->
    </div>
</div>



{/block}